<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>刷卡无忧</title>
<link rel="stylesheet" href="static/font/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="static/css/bootstrap-grid.min.css"/>
<link rel="stylesheet" href="static/css/weui.css"/>
<link rel="stylesheet" href="static/css/example.css"/>
<link rel="stylesheet" type="text/css" href="static/css/tool.css"/>
<link rel="stylesheet" type="text/css" href="static/css/style.css"/>
<link rel="stylesheet" type="text/css" href="static/css/cover.css"/>
<title></title>
</head>
<body>
<section>
	<header class="pr head">
		<a href="javascript:;" class="white f16"><i class="iconfont icon-fanhui white f18"></i>返回</a>
		<h2 class="t_c white fn">我的费率</h2>
	</header>
	<div class="row pr">
		<p class="col-6 lh50 t_c f14 red" id="rate" style="border-bottom: 2px solid #E73D3E;">商户费率</p>
		<p class="col-6 lh50 t_c f14" id="agents">成为代理商</p>
	</div>
	<div id="rate_page">
		<div id="rate1">
			<div class="row bg_white o-hidden" style="height: 150px;">
				<div class="col-2 pb_0 mb_0">
					<p class="gray f16 pl_2 four">4</p>
					<p class="gray f16 pl_2 mt_1">0</p>
				</div>
				<div class="col-10 p_0">
					<img class="w_100 mt_1" src="static/images/rate5.2.png">
				</div>
				<div class="rate_line"></div>
			</div>
			<div class="row lh50 blue t_c bg_white f14 pl_4 pr_4 bd_b">
				<p class="col-4 black grade1">普通用户</p>
				<p class="col-4 grade2">vip用户</p>
				<p class="col-4 grade3">砖石用户</p>
			</div>
			<p class="lh50 pl_2 bg_white f14 gray bd_b">推荐人数达到10人或一次性缴费：100元</p>
			<div class="bg_white rate_info t_c">
				<h1 class="red pt_1 fn">0.52%</h1>
				<p class="gray f14">收款费率</p>
			</div>
		</div>
		<div class="none" id="rate2">
			<div class="row bg_white o-hidden" style="height: 150px;">
				<div class="col-1 pb_0 mb_0">
					<p class="gray f16 pl_1" style="margin-top: 90px">4</p>
					<p class="gray f16 pl_1 mt_1">0</p>
				</div>
				<div class="col-11">
					<img class="w_100 mt_1" src="static/images/rate4.5.png">
				</div>
				<div class="rate_line"></div>
			</div>
			<div class="row lh50 blue t_c bg_white f14 pl_5 pr_5 bd_b">
				<p class="col-4 grade1">普通用户</p>
				<p class="col-4 black grade2">vip用户</p>
				<p class="col-4 grade3">砖石用户</p>
			</div>
			<div class="bg_white bd_b update">
				<i class="iconfont icon-vip red ml_2 fl"></i><p class="lh50 f16 ml_1 fl">vip商户</p>
				<span class="lh50 blue fr f16">升级<i class="iconfont icon-go gray lh50 ml_1" style="margin-right: 23px;"></i></span>		
			</div>
			<p class="lh50 pl_2 bg_white f14 gray bd_b">推荐人数达到10人或一次性缴费：100元</p>
			<div class="bg_white rate_info t_c">
				<h1 class="red pt_1 fn">0.45%</h1>
				<p class="gray f14">收款费率</p>
			</div>
		</div>
		<div class="none" id="rate3">
			<div class="row bg_white o-hidden" style="height: 150px;">
				<div class="col-1 pb_0 mb_0">
					<p class="gray f16 pl_1" style="margin-top: 90px">4</p>
					<p class="gray f16 pl_1 mt_1">0</p>
				</div>
				<div class="col-11">
					<img class="w_100 mt_1" src="static/images/rate4.0.png">
				</div>
				<div class="rate_line"></div>
			</div>
			<div class="row lh50 blue t_c bg_white f14 pl_5 pr_5 bd_b">
				<p class="col-4 grade1">普通用户</p>
				<p class="col-4 grade2">vip用户</p>
				<p class="col-4 black grade3">砖石用户</p>
			</div>
			<div class="bg_white bd_b update">
				<i class="iconfont icon-zhuanshi red ml_2 fl"></i><p class="lh50 f16 ml_1 fl">砖石商户</p>
				<span class="lh50 blue fr f16">升级<i class="iconfont icon-go gray lh50 ml_1" style="margin-right: 23px;"></i></span>		
			</div>
			<p class="lh50 pl_2 bg_white f14 gray bd_b">推荐人数达到10人或一次性缴费：100元</p>
			<div class="bg_white rate_info t_c">
				<h1 class="red pt_1 fn">0.4%</h1>
				<p class="gray f14">收款费率</p>
			</div>
		</div>
	</div>
	<div id="agents_page" class="none">
		<img class="w_100" src="static/images/banner.png" />
		<div class="bg_white bd_b t_c" style="margin-top: -5px;">
			<p class="gray pt_2">预期年收益</p>
			<h1 class="red fn">500000元</h1>
			<p class="pb_2">1000.00成为代理商</p>
		</div>
		<div class="bg_white bd_b">
			<h2 class="fn pt_2 t_c">成为刷卡无忧代理商</h2>
			<p class="red f16 t_c">享四重大礼<i class="iconfont icon-libao red f20"></i></p>
			<div class="agents_text pb_2">
				<p class="gray f16">1).成为代理商享受推荐佣金25%的收益</p>
				<p class="gray f16">2).成为代理商享受交易额50%的收益</p>
				<p class="gray f16">3).成为代理商享受代理商佣金50%的收益</p>
				<p class="gray f16">4).成为代理商享收费会员25%的收益</p>
			</div>
		</div>
		<p class="pl_2 mt_2 f14">同意签署<a href="#" class="blue">代理商加盟协议<a></p>
		<a href="javascript:;" class="weui-btn weui-btn_warn m_2">支付1000元立即开启财富之旅</a>
	</div>
</section>																																																																					 
<script src="static/js/zepto.min.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="static/js/example.js"></script>
</body>
<script>
	$("#rate").click(function(){
		$("#rate").css({'color':'#E73D3E','border-bottom':'2px solid #e73d3e'});
		$("#agents").css({'color':'black','border-bottom':'none'});
		$("#rate_page").css('display','block');
		$("#agents_page").css('display','none');
	})
	$("#agents").click(function(){
		$("#agents").css({'color':'#E73D3E','border-bottom':'2px solid #e73d3e'});
		$("#rate").css({'color':'black','border-bottom':'none'});
		$("#rate_page").css('display','none');
		$("#agents_page").css('display','block');
	})
</script>
<script>
	$(".grade1").click(function(){
		$("#rate1").css('display','block');
		$("#rate2").css('display','none');
		$("#rate3").css('display','none');
	})
	$(".grade2").click(function(){
		$("#rate1").css('display','none');
		$("#rate2").css('display','block');
		$("#rate3").css('display','none');
	})
	$(".grade3").click(function(){
		$("#rate1").css('display','none');
		$("#rate2").css('display','none');
		$("#rate3").css('display','block');
	})
</script>
</html>
